<template>
    <div class="right-content">
        <el-tabs v-model="activeName" type="border-card">
            <el-tab-pane label="流程定义文件" name="nowdefine">
              <now-define></now-define>
            </el-tab-pane>
            <el-tab-pane label="已部署的流程" name="pastdefine">
              <past-define></past-define>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import NowDefine from './NowDefine.vue'
import PastDefine from './PastDefine.vue'
export default {
  name: 'Defines',
  data() {
    return {
      activeName: 'nowdefine'
    }
  },
  components: {
    NowDefine,
    PastDefine
  },
  methods: {
    // 选项卡切换
    handleClick(tab, event) {
      console.log(tab, event)
      if (tab.name === 'nowdefine') {
        this.getDataList()
      } else {
        this.getDataList2()
      }
    }
  }
}
</script>

<style scoped>
</style>

